<template>
	<div id="Breadcrumb">
		<el-breadcrumb separator-class="el-icon-arrow-right">
			<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
		</el-breadcrumb>
	</div>
</template>

<script>
	export default {
		name: 'Breadcrumb',
		data() {
			return {

			}
		},
		methods: {},
		mounted() {},
		created() {},
		watch: {
			$route: {
				handler: function(newRoute, oldRoute) {
					console.log('当前路由：', newRoute);
					console.log('之前的路由：', oldRoute);
				},
				// 深度观察监听
				deep: true
			},
			// $breadcrumb: {
			// 	handler(newVal, oldVal) {
			// 		console.log(`数据从 ${oldVal} 变更为 ${newVal}`);
			// 	},
			// 	deep: true,
			// 	immediate: true
			// }
		}
	}
</script>

<style>
</style>